<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JS 对象</title>
    <script>
        /* Js中 对象是 拥有属性 和 方法的数据 */

        /* 访问对象的属性 */
        function testSimpleObj() {
            person=new Object();
            person.firstname="Bill";
            person.lastname="Gates";
            person.age=56;
            person.eyecolor="blue";
            document.write(person.firstname + " is " + person.age + " years old.");
        }


        function testStringMethod() {
            var message = "Hello World"
            var x = message.length
            document.write(x)  /* */
        }

        /*  测试 对象的方法*/
        function testCar() {

            car = new Object()
            car.name = "Fiat"
            car.model=500
            car.weight=850
            car.color="color"
            car.obj = {
                name:"dddd",
                age:20
            }

            console.log(car.obj.name)
        }


    </script>
</head>
<body>
    <button onclick="testSimpleObj()">测试简单的对象</button><br/>  <!-- 测试 修改测试对象 -->
    <button onclick="testStringMethod()">测试字符串的长度</button><br/>  <!-- 测试 修改测试对象 -->
    <button onclick="testCar()">测试字符串的长度</button><br/>  <!-- 嵌套的对象 是允许嵌套的 -->
</body>
</html>